<script lang='ts' setup>
import {useCounterStore} from '@/stores/counter'
import {storeToRefs} from 'pinia'
import myc from '@/components/my.vue'

const store = useCounterStore()
const {count, doubleCount} = storeToRefs(store)

</script>
<template>
  {{ 2 * 3 }}
  <hr>
  <p>count : {{ count }}</p>
  <p>doubleCount : {{ doubleCount }}</p>
  <button @click="store.increment()">store.increment()</button>
  <hr>
  <myc/>
</template>
